<template>

<!-- 有且只有一个根（元素）  就可以 -->


  <!-- <div class="box"> -->
    <button>点我add</button>
  <!-- </div> -->
</template>

<!-- 加上scoped  表示， 当前style样式 只作用在当前页面 ， 不与其他页面发生冲突，即使他们重名 -->
<!-- 权重 最高 -->

<style scoped>
/*  button {
    background-color: red;
    color: aquamarine;
  }*/
</style>

<script></script>